<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>学生信息管理</title>
  <link rel="stylesheet" href="./CSS/base.css">
  <link rel="stylesheet" href="./CSS/student.css">
</head>
<body>
  <div class="bar">
    <span>学员信息管理</span>
      
     <!-- 学生信息检索 -->
     <!-- 按学号检索 -->
     <input type="text" placeholder="请输入学号按回车查询" class="searchStu">
     <input type="text" placeholder="请输入学生姓名模糊查询" class="searchName">
     <input type="button" value="显示所有学生信息" class="showALL">

     <input type="button" value="添加学员"  class="addStu">
  </div>

  <div class="main_table">

    <table>
      <thead>
        <tr>
          <th>编号</th>
          <th>学号</th>
          <th>姓名</th>
          <th>年龄</th>
          <th>性别</th>
          <th>专业</th>
          <th>组号</th>
          <th>联系电话</th>
          <th>期望薪资</th>
          <th>实际薪资</th>
          <th>籍贯</th>
          <th>操作</th>
        </tr>
      </thead>
      <tbody>
       
      </tbody>
    </table>

    <!-- 分页 -->
    <div class="btns">
      <span class="current">1</span>/<span class="total">10</span>
      <select class="pageSelect">
         <option value="5">5</option>
         <option value="10">10</option>
         <option value="15">15</option>
         <option value="20">20</option>
      </select>
      <input type="button" value="上一页"  class="prevBtn">
      <input type="button" value="下一页" class="nextBtn">
    </div>


  </div>

  <div class="cover">
    <!-- 添加学生信息 -->
    <div class="studentInfo  add">
      <div class="title">
        <strong class="add_student">录入学生信息</strong>
        <span class="close">X</span>
      </div>

      <div class="content">
        <form>
          <div class="pub userName">
            <input type="text" placeholder="请输入学生姓名">
          </div>
          <div class="pub userage">
            <input type="text" placeholder="请输入学生年龄">
          </div>
          <div class="pub usergender">
            <input type="radio" checked name="gender" value="1">男
            <input type="radio" name="gender" value="0">女
          </div>

          <div class="pub userzhuanye">
              <select>
                  <option value="信息技术专业">信息技术专业</option>
                  <option value="会计专业">会计专业</option>
                  <option value="人工智能专业">人工智能专业</option>
              </select>

              <select>
                <option value="1">第一组</option>
                <option value="2">第二组</option>
                <option value="3">第三组</option>
                <option value="4">第四组</option>
                <option value="5">第五组</option>
                <option value="6">第六组</option>
                <option value="7">第七组</option>
            </select>
          </div>

          <div class="pub userPhone">
            <input type="text" placeholder="请输入联系电话">
          </div>
          <div class="pub userSelary">
            <input type="text" placeholder="请输入期望薪资">
          </div>
          <div class="pub userrelSelary">
            <input type="text" placeholder="请输入实际薪资">
          </div>
          <div class="pub address">
            <select class="province"></select>
            <select class="city">
                <option>--请选择--</option>
            </select>
            <select class="county">
                <option>--请选择--</option>
            </select>
          </div>
          <div class="btns">
             <input type="button" value="添加"  class="btn1">
             <input type="reset" value="重置" class="btn2">
          </div>
        </form>
      </div>
    </div>

  

  </div>

  <script src="./JS/student.js"></script>

</body>
</html>